body{padding:0px;margin:0px;    background: #EDEDED;color: #333333;
    font-size: 100%;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-family: "Roboto", "Open Sans", sans-serif;
    line-height: 1.5;
    background: #EDEDED;
    color: #333333;
    -webkit-font-smoothing: subpixel-antialiased;
    word-wrap: break-word;
}
a{color:#eee;}

.layui-carousel>[carousel-item]>*{background-color: #333333;}
.pageddd{text-align:center;height:auto;margin:0 auto;}
.pageddd a,.pageddd span{padding:3px 10px;float:left;height:23px;line-height:25px;}
.pageddd span{color:#000;}
.pageddd span.hover{color:#fff;background: #000;}
.pageddd a{color:#000;}
.pageddd a:hover{color:#9d9d9d;}
#zuozhede1{margin-top:2rem;}
.header{background: #333333; color: white;padding: 36px 0 5.5rem 0;}
.header .biaoti{height:3rem;font-size:  2rem;font-weight: 700;margin-bottom: 2.25rem;}
.header .biaoti p{display:inline-block;color: #D4D4D4;font-size:1rem;font-weight: 300;}
.header ul{color:#fff;font-size:0.8rem;font-weight: 350;width:100%;overflow: hidden;}
.header ul li{float:left;margin:0 0.8rem 0 0;height:2rem;line-height:2rem;}
.header ul li a{padding:0.5rem 0.6rem;}
.header ul li a:hover{background:#fff;color:#242424;}
.header ul li a.layui-this{background:#242424;color:#fff;}
.neirong{margin-top:  -4.68rem;}
.center{padding:1.68rem;background: white; box-shadow: 0 0 2px 0 rgb(58 58 58 / 20%);margin-bottom: 1.5em;width:88%;}
.center img{max-width: 100%;}
.ycenter img{max-width: 100%;}
.ycenter{color:#333;padding:1.68rem;background: white; box-shadow: 0 0 2px 0 rgb(58 58 58 / 20%);margin-bottom: 1.5em;    font-size: 110%;}
.ycenter a{color:#000;}
.ycenter h3{padding-bottom:1rem;}
.ycenter ul li{overflow: hidden;height:1.5rem;}
.center h2{white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.center a{color: #333333;}
.center a:hover{color: #555;}
.center .post-byline{font-size:0.75rem;}
.center .post-content p{line-height: 2.5rem;}
.center .post-categories{font-size:0.75rem;display:block;color:#000;margin-top:0.5rem;}
.center .post-categories a{color:#000}
.center .post-categories .comments-link{font-size:0.82rem;}
.center .post-tags{padding:0.5rem 0rem;}
.center .post-tags a{margin:0.3rem 0.3rem 0.3rem 0rem;display: inline-block;padding:0.2rem 0.8rem;border: solid 1px #333333;color: #333333;font-size:0.8rem;font-weight: 500;}
.center .post-gouwuche {border:1px solid #eee;clear:both;margin-top:0.5rem;}
.center .post-gouwuche .gogoumai{text-align: center;padding:2rem;}
.center .post-gouwuche a.layui-btn{color:#fff;}
.center .post-gouwuche .suoluetu{text-align: center;padding:1rem;border-right:1px solid #eee;margin-right:-1px;}
.center .post-gouwuche .suoluetu img{width: 96%;}
.center .post-gouwuche .bianxian{border-left:1px solid #eee;}
.center .post-gouwuche ul li.cs{border-bottom:1px solid #eee;padding-left:5px;}
.center .post-gouwuche ul li span{font-weight: bold;margin-right:0.5rem;}
.center .post-gouwuche ul li b{color:red;}
.center .post-gouwuche ul li a{color:#009688;}
.center .post-gouwuche ul li a:hover{color:#9d9d9d;}
.center .post-gouwuche ul li s,.center .post-gouwuche ul li u{color:#999;font-size:0.8rem;}
.center .post-gouwuche .layui-rate{padding:0;}
.center .post-tuji {clear:both; margin-top: 0.5rem;border:1px solid #eee;}
.center .post-tuji li img{width: 100%;}
.center .tujilist  {
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
margin-bottom: 0.8rem;
}
.center .ketuo{
    overflow-x: auto;
}
.center .tujilist img {
    max-width: 100%;
    margin-right: 0.88rem;
    max-height: 18rem;
}
.center .tupianlist{margin-top:0.5rem;}
.center .tupianlist img{
 width:100%;height:100%;
}
.center .tupianlist em{display:block;text-align: center;font-style: normal;padding:0.5rem 0;overflow: hidden;height:1.3rem;}
.center .post-tags a:hover{color: #fff;background-color:#333333;}
.footer{background:#000;color:#eee;padding:0.5rem;}
.zuojiesao{font-size:0.9rem;text-align: left;}
.gengduocd{font-size:2rem;text-align: center;}
.search-submit{padding:0 1rem;}
.post-content pre{    position: relative;
    margin: 10px 0;
    padding: 15px;
    line-height: 20px;
    border: 1px solid #eee;
    border-left-width: 6px;
    background-color: #333;
    color: #f6f3e8;
    font-family: Courier New;
    font-size: 12px;}
@media screen and (min-width: 1200px){
    .layui-container {
        width: auto;
        max-width:1330px;
    
    }
}

@media screen and (max-width: 1024px){
    .search-field{width:6rem;}
}

@media  screen and (max-width:768px) {
    .header{padding: 36px 0 4.5rem 0;}
    .layui-containerXXXX{padding:0 0.5rem;}
    .center{padding:1rem;width:auto;}
    .ycenter{padding:1rem;}
    .center h2{font-size: 1.25rem;}
    .center h1{font-size: 1.5rem;}
    .center .post-content p{line-height: 1.8rem;}
    .pageddd a,.pageddd span{padding:2px 5px;float:left;height:18px;line-height:20px;}
    .header{text-align: center;}
    .header .biaoti{margin-bottom: 2rem;}
    .header .biaoti p{display: block;}
    .header ul li{display:block;clear:both;margin:0.1rem auto;text-align: center;width:100%;}
    .header ul li a{width:auto;}
    .search-field{width:8rem;}
    .zuojiesao{font-size:0.8rem;text-align: left;}
    .center .post-gouwuche .bianxian{border: none;}
    .center .post-gouwuche .gogoumai{padding:1rem;}
    .pageddd .kuo_dqdi,.pageddd .kuo_page,.pageddd .kuo_weiye,
    .pageddd .kuo_home{display: none;}
    .pageddd .kuo_next{float:right;}
    .center .tujilist {overflow-x: auto;}
}   